body,ul,li,figure,img,h1,h2,h3,h4,p,a,p{margin: 0;padding: 0;}
li{list-style: none;}
a{text-decoration: none;color:#000}
body,html{height: 100%;}
body{display: flex;flex-direction: column;overflow: hidden;}

header{height: 1.24rem;width: 6.9rem;display: flex;padding: 0 0.3rem;justify-content: space-between;align-items: center;}
header ul{display: flex;height: 100%;width: 6rem;line-height: 1.24rem;}
header ul li{display: inline-block; color: #999999;font-size: 0.24rem;margin-left: 0.24rem;}
header .iconfont{font-size: 0.42rem;}


article aside {
    width: 6.91rem;
    height: 3.62rem;
    display: flex;
    justify-content: space-between;
}





footer {height: 0.94rem;border-bottom: 2px solid #f2f2f2;border-top: 2px solid #f2f2f2;width: 100%;display: flex;justify-content: space-around;position: relative;}
footer figure {font-size: 0.17rem;text-align: center;height: 100%;width: 1rem;padding-top: 0.1rem;}
footer figure .iconfont{color: #999999;font-size: 0.4rem;}
footer figure figcaption{color: #999999;font-size: 0.17rem;}
footer img{border-radius: 50%;height: 1.48rem;width: 1.48rem;position: absolute;left: 3rem;top: -0.26rem;box-shadow:0px 0px 0.05rem 0.05rem #f7f7f7;z-index: 20;}